<!DOCTYPE html>
<html lang="en">
<head>

	<meta charset="utf-8">
	<title>Home Page</title>
	<?php $this->load->view('generic/loadablesSnippet');?>
	<?php $this->load->view('generic/tabsJsSnippet');?>
	
	<script>
	$(function() {
		$( "#navigation" ).accordion({
			autoHeight: false,
			collapsible: true,
			active: 0
		});
	});
	</script>
	
	<script>
	$(function() {
		$( "#tabs" ).tabs();
	});
	</script>
	
</head>

<body>

<div class="demo">
	
	<div style="float:right;margin-right:50px;color:brown">
		<a href="<?php echo base_url();?>/index.php/loginPageController/logMeOut/">Logout</a>
	</div>
	
	<div id="header"><h1><sfol>A</sfol>CCI e<sfol>X</sfol>treme <sfol>I</sfol>nformation <sfol>S</sfol>ystem</h1></div>
	
	<div id="tabs">
	
		<ul>
			<li><a href="#tabs-1">Home</a></li>
			<li><a href="#tabs-2">Administrator</a></li>
			<li><a href="#tabs-3">Contacts</a></li>
			<li><a href="#tabs-4">Developers</a></li>
		</ul>
		
		<div id="tabs-1">
		
			<table>
			<tr>
				<td>
					<img src="<?php echo base_url(); echo "/application/images/relic/axis-logo.gif"; ?>" width="170" height="150" align="left" alt="axis-logo.gif"/>
					<div id="content" class="centeredtext"><h2>Welcome to <br/>ACCI eXtreme Information System!</h2></div><!-- End content -->
				</td>
				
				<td>
					<?php $this->load->view('generic/navigationHtmlSnippet');?>
				</td>
			</tr>
			</table>

		</div><!-- End tabs-1 -->
		
		<div id="tabs-2">
			<?php $this->load->view('generic/tabs2HtmlSnippet');?>
		</div><!-- End tabs-2 -->
		
		<div id="tabs-3">
			<?php $this->load->view('generic/tabs3HtmlSnippet');?>
		</div><!-- End tabs-3 -->
		
		<div id="tabs-4">
			<?php $this->load->view('generic/tabs4HtmlSnippet');?>
		</div><!-- End tabs-4 -->
		
	</div><!-- End tabs -->
	
</div><!-- End demo -->

</body>
</html>